*{margin: 0; padding: 0;}
li{list-style: none;}
.PxToRem(@name,@px){
    @{name} : @px / 75 * 1rem;
}

header,.menu .text{
    display: flex;
    .PxToRem(height,128);
    background:#27c1b4;
    color: #fff;
    justify-content: space-between;
    align-items: center;
    p{.PxToRem(font-size,28);
      img{display: block;
          .PxToRem(margin-left,30)};
 }
}

.menu .text{
    background: #f0f0f0;
    padding: 0 3% 0 5%;
    .PxToRem(font-size,28);
    color: #000000;
}

.menu{
     .PxToRem(height,1122);background: #f0f0f0;
     
       .wrap{  .PxToRem(padding,20);
               display: flex;
              .PxToRem(padding-top,47);
              .PxToRem(height,81);
   
           .pig{
                width: 40%;
                border: 30px solid transparent;
                padding: 5px;
                border-image-source: url(../img/dpig.png);
                border-image-slice: 20 20 fill ;
                border-image-repeat:round ;
                margin: 0 3% 0 3%;
         }
         .img{ .PxToRem(font-size,24); color:#27c1b4; }
       }  
     }
 

footer{
    display: flex;
    .PxToRem(height,81);
    background:#cccccc;
    color: #fff;
    justify-content: center;
    align-items: center;
   .PxToRem(font-size,28);
}












